<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>注册-reborn图书商城</title>
        <link rel="Stylesheet" type="text/css" href="../css/register.css">
        <link rel="Stylesheet" type="text/css" href="../css/global.css">
        <script type="text/javascript" src="../js/register_171022.js" charset="utf-8"></script>
    </head>
    <body>
        <div class="header">
            <a href="../index.jsp" target="">
                <img src="../img/logo.png">
            </a>
            <h3>注册</h3>
            <div class="text_wrap">
                <div class="text_login">
                    <span style="font-size: 16px;">
                        已有账户？
                        <a href="login.jsp">请登录</a>
                    </span>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="form_wrap">
                <form id="register_form" action="#" method="post" onsubmit="return checkRegisterForm()">
                    <input type="hidden" id="userId" name="userId" value="1993">
                    <ul>
                        <li class="form_list">
                            <span>&nbsp;&nbsp;&nbsp;用户名</span>
                            <input type="text" id="regName" name="regName" class="field" placeholder="您的账户名和登录名">
                        </li>
                        <li class="form_list">
                            <span style="margin-right: 10px;">&nbsp;&nbsp;&nbsp;性别：</span>
                            男<input type="radio" name="sex" value="male" checked="checked">
                            女<input type="radio" name="sex" value="female">
                        </li>
                        <li class="form_list">
                            <span>所在城市</span>
                            <select name="city" size="1" style="margin-left: 10px;">
                                <option value="湛江" selected="selected">湛江</option>
                                <option value="茂名">茂名</option>
                                <option value="广州">广州</option>
                                <option value="深圳">深圳</option>
                                <option value="北京">北京</option>
                                <option value="上海">上海</option>
                                <option value="香港">香港</option>
                                <option value="others">其他</option>
                            </select>
                        </li>
                        <li class="form_list">
                            <span>手机号码</span>
                            <input type="text" id="phoneNum" name="phoneNum" class="field" placeholder="请输入您的手机号码">
                        </li>
                        <li class="form_list">
                            <span>电子邮箱</span>
                            <input type="text" id="eMail" name="eMail" class="field" placeholder="建议使用常用邮箱">
                        </li>
                        <li class="form_list">
                            <span>设置密码</span>
                            <input type="password" id="regPassword" name="regPassword" class="field" placeholder="建议至少使用两种字符组合">
                        </li>
                        <li class="form_list">
                            <span>确认密码</span>
                            <input type="password" id="pwdRepeat" name="pwdRepeat" class="field" placeholder="请再次输入密码">
                        </li>
                        <li class="form_list" style="display: flex;">
                            <div>
                                <input type="submit" id="submit" name="submit" value="立即注册">
                            </div>
                            <div>
                                <input type="reset" id="reset" name="reset" value="重置">
                            </div>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
        <div class="footer">
            <div class="friendlink">
                <ul>
                    <li>
                        <sapn>友情链接：</sapn>
                    </li>
                    <li>
                        <a href="http://www.gdou.edu.cn/" target="_blank">广东海洋大学</a>
                    </li>
                    <li>
                        <a href="http://www.bookschina.com/" target="_blank">中国图书网</a>
                    </li>
                    <li>
                        <a href="http://www.dangdang.com/" target="_blank">当当</a>
                    </li>
                    <li>
                        <a href="https://www.jd.com/" target="_blank">京东</a>
                    </li>
                </ul>
            </div>
            <!--版权区间-->
            <div class="copyright">
                <ul>
                    <li>
                        <span>Copyright&copy;&nbsp;reborn.com&nbsp;版权所有&nbsp;&nbsp;消费者维权热线：618527&nbsp;&nbsp;</span>
                    </li>
                    <li>
                        <span>公司地址：广东海洋大学</span>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>